
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Awesome go-echarts</title>
    <script src="https://go-echarts.github.io/go-echarts-assets/assets/echarts.min.js"></script>
</head>

<body>
<div class="container">
    <div class="item" id="FQrkNfVWJyJQ" style="width:900px;height:500px;"></div>
</div>

<script type="text/javascript">
    "use strict";
    let goecharts_FQrkNfVWJyJQ = echarts.init(document.getElementById('FQrkNfVWJyJQ'), "white");
    let option_FQrkNfVWJyJQ = {"color":["#c23531","#2f4554","#61a0a8","#d48265","#91c7ae","#749f83","#ca8622","#bda29a","#6e7074","#546570"],"legend":{"show":false},"series":[{"name":"Category A","type":"bar","waveAnimation":false,"data":[{"value":136},{"value":270},{"value":70},{"value":155},{"value":262},{"value":79},{"value":117}]},{"name":"Category B","type":"bar","waveAnimation":false,"data":[{"value":116},{"value":195},{"value":200},{"value":107},{"value":147},{"value":292},{"value":190}]}],"title":{"text":"My first bar chart generated by go-echarts","subtext":"It's extremely easy to use, right?"},"tooltip":{"show":false},"xAxis":[{"data":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}],"yAxis":[{}]};
    goecharts_FQrkNfVWJyJQ.setOption(option_FQrkNfVWJyJQ);
</script>

<style>
    .container {margin-top:30px; display: flex;justify-content: center;align-items: center;}
    .item {margin: auto;}
</style>
</body>
</html>
